.list-group {
    --bb-list-group-header-bg: var(--bs-body-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
    overflow: auto;
    height: 100%;

    .list-group-header {
        padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
        border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
        background-color: var(--bb-list-group-header-bg);
        display: flex;
    }

    .list-group-body {

        .list-group-item {
            border: none;
            cursor: pointer;

            &:not(:first-child) {
                border-top: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
            }

            &.active {
                margin-top: 0;
            }
        }
    }
}
